<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>

    </h:head>
    <h:body >
        <p:growl showDetail="true" id="smscontacto"/>

        <h:form>
            <p:menubar>
                <p:menuitem value="#{msg.inicio}" icon="ui-icon-home" url="/index.html"></p:menuitem>

                <p:submenu label="#{msg.eventos}" icon="ui-icon-gear">
                    <p:submenu label="#{msg.empresa}" icon="ui-icon-contact">
                        <p:menuitem value="#{msg.coffee}" url="#" />
                        <p:menuitem value="#{msg.finger}" url="#" />
                        <p:menuitem value="#{msg.Cocktails}" url="#" />
                        <p:menuitem value="#{msg.comidas}" url="#" />
                    </p:submenu>
                    <p:separator />
                    <p:submenu label="#{msg.particular}" icon="ui-icon-contact">
                        <p:menuitem value="#{msg.bodas}" url="#" />
                        <p:menuitem value="#{msg.comuniones}" url="#" />
                        <p:menuitem value="#{msg.Cocktails}" url="#" />
                    </p:submenu>
                </p:submenu>
                <p:menuitem value="#{msg.espacios}" icon="ui-icon-wrench" url="irAdmin-flow"></p:menuitem>

                <p:menuitem value="#{msg.contacto}" url="mensaje-flow" icon="ui-icon-pencil"></p:menuitem>

                <p:menuitem value="#{msg.administracion}" icon="ui-icon-wrench" url="irAdmin-flow"></p:menuitem>

                <p:menuitem value="#{msg.pedidos}" icon="ui-icon-document"></p:menuitem>

                <p:menuitem value="#{msg.desconectar}" url="desconectar-flow" icon="ui-icon-close" />
            </p:menubar>
        </h:form>

        <center><h2><span style="color: black">#{msg.contacto}</span></h2></center>

                 <p:separator style="width:1400px;height:10px" />

                    <center><p:panel>
                           
                               <h:form>
                                <h:outputText value="#{msg.nombre}"></h:outputText>
                                <h:inputText id="nombre" value="#{mensajeController.mimensaje.nombre}" title="Introduzca su nombre"/>

                                <h:outputText value="#{msg.telefono}"></h:outputText>
                                <h:inputText id="telefono" value="#{mensajeController.mimensaje.telefono}"  title="Introduzca su telefono"/>

                                <h:outputText value="#{msg.correo}"></h:outputText>
                                <h:inputText id="correo" value="#{mensajeController.mimensaje.correo}" title="Introduzca su correo electrónico"/>
                                <br/>
                                <h:outputText value="#{msg.comentarios}"></h:outputText>
                                <p:inputTextarea id="comentarios" value="#{mensajeController.mimensaje.comentarios}" />

                                
                                <p:commandButton  value="#{msg.anadir_mensaje}" ajax="false" onclick="sms.show()" update="smscontacto"/>
                                </h:form>
                            
                        </p:panel></center>         
                <p:separator style="width:1400px;height:10px" />                
    </h:body>
</html>
